<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="alternate icon" type="/cms/img/hengwang-1.png" href="/cms/img/hengwang-1.png">
    <link rel="stylesheet" href="/cms/css/amazeui.css"/>
    <link rel="stylesheet" href="/cms/css/style.css"/>
</head>

<body>
<div th:replace="cms/layout/mallHeader"></div>
<div class="rollpic">
    <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}'>
        <ul class="am-slides">
            <li><img src="/cms/img/hw_bg1.png"/></li>
            <li><img src="/cms/img/hw_bg.png"/></li>
            <li><img src="/cms/img/hw_bg3.png"/></li>
            <li th:each="banner:${bannerList}" >
                <a th:href="${banner.url}" title="" target="_blank">
                    <img th:src="${banner.img}"/>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="am-container-1">
    <div class="solutions part-all">
        <div class="part-title">
            <a href="solutions.html">
                <i class="am-icon-lightbulb-o part-title-i"></i>
                <span class="part-title-span">解决方案</span>
                <p>Solutions</p>
            </a>
        </div>
        <ul class="am-g part-content solutions-content">
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-safari solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">微信公众号开发移动网站微信公众号开发</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-magic solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-phone solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">移动网站微信公众号开发移动网站微信公众号开发</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-hacker-news solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">网站、移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
            </li>

        </ul>

    </div>
</div>
<div class="gray-li">
    <div class="customer-case part-all ">
        <div class="part-title">
            <a href="customer-case.html">
                <i class=" am-icon-briefcase part-title-i"></i>
                <span class="part-title-span">客户案例</span>
                <p>Customer Case</p>
            </a>
        </div>


        <ul data-am-widget="gallery" class=" am-avg-sm-1
  am-avg-md-4 am-avg-lg-4 am-gallery-bordered customer-case-content">
            <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3" th:each="goods:${articles}">
                <div class="am-gallery-item case-img1">
                    <a th:href="@{'/cms/web/goodsDetail/'+${goods.id}}">
                        <img width="228px" height="228px" th:src="@{${goods.img}}"/>

                    </a>
                </div>
                <div class="case-li-mengban">
                    <div class=" case-word">
                        <h3 class="am-gallery-title" th:text="${goods.title}">响应式商城</h3>
                        <p>2015-06-11</p>
                        <a th:href="@{'/cms/web/goods'}"><span><i class="am-icon-eye"></i>查看更多</span></a>
                    </div>
                </div>
            </li>


        </ul>
        <div class="lan-bott">
            <div class="left"><span>全方位解决方案,为您轻松解决不同问题</span>
                <p>A full range of solutions for you to solve different problems</p>
            </div>
            <div class="right">
                <a href="customer-case.html">
                    <span class="see-more">查看更多<i class="am-icon-angle-double-right"></i></span>
                </a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="part-title">

        </div>
    </div>
</div>


<div class=" news-all">
    <div class="am-container-1">
        <div class="news part-all">
            <div class="part-title">
                <a href="news.html">
                    <i class="am-icon-newspaper-o part-title-i"></i>
                    <span class="part-title-span">新闻动态</span>
                    <p>zscat News</p>
                </a>
            </div>
            <div class="news-content ">
                <ul class="news-content-ul">
                    <li class="am-u-sm-12 am-u-md-6 am-u-lg-6" th:each="new1:${news}">
                        <a th:href="@{'/cms/web/newsDetail/'+${new1.id}}">
                            <div class=" am-u-sm-12 am-u-md-12 am-u-lg-5">
                                <div class="news-img">
                                    <img width="196px" height="196px" th:src="@{${new1.img}}"></img>
                                </div>
                            </div>
                            <div class=" am-u-sm-12 am-u-md-12 am-u-lg-7">
                                <span class="news-right-title" th:text="${new1.title}">关于召开年会的通知</span>
                                <p class="news-right-time" th:text="${new1.createdate}">2015-06-11</p>
                                <p class="news-right-words" th:text="${new1.remark}">互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串连成的庞大网络网络与网络之...</p>
                                <a th:href="@{'/cms/web/news'}"><span class="see-more2">查看更多<i class="am-icon-angle-double-right"></i></span></a>
                            </div>
                            <div class="clear"></div>
                        </a>
                    </li>

                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
<div class="three-reason">
			<div class="part-title three-reason-title">
			<span class="part-title-span w-white">选择恒望的三大理由</span>
			<p class="w-white">Why Choose Hengwang</p>
			
		</div>
			<ul class="am-g part-content three-reason-content">
			  <li class="am-u-sm-4 am-u-md-4 am-u-lg-4">
			  	<div class="three-reason-img1 "></div>
			  	<p class="reason-title w-white">规模优势<br/>Scale advantage</p>
			  </li>
			  <li class="am-u-sm-4 am-u-md-4 am-u-lg-4">
			  	<div class="three-reason-img2 "></div>
			  	<p class="reason-title w-white ">领先技术<br/>Leading technology</p>
			  </li>
			  <li class="am-u-sm-4 am-u-md-4 am-u-lg-4">
			  	<div class="three-reason-img3 "></div>
			  	<p class="reason-title w-white">整合能力<br/>Integration capability</p>
			  </li>
		</ul>
		</div>
<div class="part-all gray-li">
    <div class="customer  am-container-1">
        <div class="part-title">
            <i class="am-icon-users part-title-i"></i>
            <span class="part-title-span">服务客户</span>
            <p>Serve Customers</p>
        </div>

        <div class="am-slider am-slider-default am-slider-carousel part-all"
             data-am-flexslider="{itemWidth:150, itemMargin: 5, slideshow: false}"
             style="  background-color: #f0eeed; box-shadow:none;">
            <ul class="am-slides">
                <li th:each="link:${links}"><a target="_blank" th:href="@{${link.href}}">
                    <img width="150px" height="80px" th:src="@{${link.image}}"/></a>
                </li>

            </ul>
        </div>
        <!--<ul class="customer-content">
            <li class="am-u-sm-6 am-u-md-4 am-u-lg-2"><div><img src="/cms/img/ptn4.png"/></div></li>
            <li class="am-u-sm-6 am-u-md-4 am-u-lg-2"><div><img src="/cms/img/ptn5.png"/></div></li>
            <li class="am-u-sm-6 am-u-md-4 am-u-lg-2"><div><img src="/cms/img/ptn6.png"/></div></li>
            <li class="am-u-sm-6 am-u-md-4 am-u-lg-2"><div><img src="/cms/img/ptn7.png"/></div></li>
            <li class="am-u-sm-6 am-u-md-4 am-u-lg-2"><div><img src="/cms/img/ptn8.png"/></div></li>
            <li class="am-u-sm-6 am-u-md-4 am-u-lg-2"><div><img src="/cms/img/ptn4.png"/></div></li>
            <div class="clear"></div>
        </ul>-->
    </div>
</div>
<div th:replace="cms/layout/mallFooter"></div>

</body>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets//cms/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/cms/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/cms/js/amazeui.min.js"></script>
<script src="/cms/js/scroll.js"></script>
<script type="text/javascript">

</script>
</html>
